<?php include "header.php"; ?>
<div class="container" style="margin-top:65px;">
<div class="row-fluid">
<div class="span2">
<div class="view">
                                                <div class="image">
                                                    <img src="../users/images/qaradawi01.jpg" alt="">
                                                    
                                                </div>
                                            </div>
</div>

<div class="span6">

<h2>John Smith <small>Instructor at American University</small></h2>
<p>A teacher in American University of Afghanistan. A teacher in American University of Afghanistan. 
A teacher in American University of Afghanistan. A teacher in American University of Afghanistan. 
A teacher in American University of Afghanistan. A teacher in American University of Afghanistan. </p>
</div>
<div class="span4">
<div class="well dark_blue">
                            <div class="well-header">
                                <h5>Address</h5>
                            </div>

                            <div class="well-content no_padding">
<iframe width="100%" height="80" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=kabul+university,+Kabul,+Afghanistan&amp;aq=0&amp;oq=kabul+univer&amp;sll=37.0625,-95.677068&amp;sspn=39.371738,86.572266&amp;ie=UTF8&amp;hq=kabul+university,&amp;hnear=Kabul,+Afghanistan&amp;ll=34.519306,69.133346&amp;spn=0.04009,0.084543&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=17950860504308152289&amp;output=embed"></iframe>                            </div>
                        </div>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span6">
<div class="well blue">
                            <div class="well-header">
                                <h5 class="hidden-480">Calendar</h5>
                            </div>

                            <div class="well-content no_padding">
                                <div id="calendar-appointments"></div>
                            </div>
                        </div>
                        
</div>

<div class="span6">

<div class="well">
	<div class="well-header">
	<h5><strong>Available Times on 27th August 2013</strong></h5>	
	</div>
	<div class="well-content">
		<p class="alert alert-info">12:00 PM - Regular Visit (30 Minutes @ 100.00 AFA)<span class="pull-right"><a href="#forgot-pw1"  role="button" data-toggle="modal" class="take">Take</a></span></p>
		<p class="alert alert-info">08:15 PM - Business Visit (30 Minutes @ 200.00 AFA)<span class="pull-right"><a href="#forgot-pw1"  role="button" data-toggle="modal" class="take">Take</a></span></p>
	<hr>
	<p>Not interested in available times? <a href="#forgot-pw2"  role="button" data-toggle="modal" class="takenew">Schedule New</a></p>
	
	</div>
</div>
</div>
</div>
<hr>
<div>
<div class="well">
	<div class="well-header">
	<h5><strong>Comments</strong></h5>	
	</div>
	<div class="well-content">
		<blockquote>
			<p>Good job, thank you so much.</p><small>By Hameed Khan at 7th July 2013</small>
		</blockquote>
		<hr>
		<blockquote>
			<p>Good job, thank you so much.</p><small>By Hameed Khan at 7th July 2013</small>
		</blockquote>
		<hr>
		<blockquote>
			<p>Good job, thank you so much.</p><small>By Hameed Khan at 7th July 2013</small>
		</blockquote>
		<hr>
		<br>
		<h4>Insert New Comment</h4>
		<p>Name</p>
		<p><input type="text" class="span5" placeholder="Your name here..."/></p>
		<p>Comment</p>
		<p><textarea rows="7" cols="85"></textarea></p>
		<p><input type="submit" class="btn blue span2" value="Post"/></p>
	
	</div>
</div>
</div>
</div>

<div id="forgot-pw1" class="modal hide fade" tabindex="-1" data-width="760">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></button>
            <h3>27th August 2013 at 12:00 PM</h3>
        </div>
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span12">
                    <div class="form_row">
                        <label class="field_name">Appointment Type</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<select class="span12">
                                    	<option>Choose an appointment type...</option>
                                    		<option>Regular Visit (30 Mins @ 100.00 AFA)</option>
                                    		<option>Friendly Visit (30 Mins @ FREE)</option>
                                    		<option>Business (60 Mins @ 200.00 AFA)</option>
                            			</select>
                                </div>
                                
                                
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Full Name</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="text" class="span12" placeholder="e.g. Ahmad Khan"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Email</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="email" class="span12" placeholder="e.g. example@domain.com"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Phone</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="phone" class="span12" placeholder="e.g. +93(0)7xxxxxxxx"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn dark_green input-large">Take Appointment</a>
        </div>
    </div>
    
    <div id="forgot-pw2" class="modal hide fade" tabindex="-1" data-width="760">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></button>
            <h3>Schedule New Appointment</h3>
        </div>
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span12">
                    <div class="form_row">
                        <label class="field_name">Choose a time</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<div class="span12 input-append date form_datetime3" data-date="2013-02-21T15:25:00Z">
                                            <input size="16" type="text" value="" readonly class="span10">
                                            <span class="add-on"><i class="icon-remove"></i></span>
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Appointment Type</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<select class="span12">
                                    	<option>Choose an appointment type...</option>
                                    		<option>Regular Visit (30 Mins @ 100.00 AFA)</option>
                                    		<option>Friendly Visit (30 Mins @ FREE)</option>
                                    		<option>Business (60 Mins @ 200.00 AFA)</option>
                            			</select>
                                </div>
                                
                                
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Full Name</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="text" class="span12" placeholder="e.g. Ahmad Khan"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Email</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="email" class="span12" placeholder="e.g. example@domain.com"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    <div class="form_row">
                        <label class="field_name">Phone</label>
                        <div class="field">
                            <div class="row-fluid">
                                <div class="span10">
                                    	<input type="phone" class="span12" placeholder="e.g. +93(0)7xxxxxxxx"/>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn dark_green input-large">Make Appointment</a>
        </div>
    </div>
    
    
<?php include "footer.php"; ?>